<template>
	<uni-nav-bar :title="title" fixed color="#000" statusBar backgroundColor="transparent" :border="false"
		:left-icon="leftIcon?'left':''" @clickLeft="back" :right-icon="rightIcon?rightIcon:''"
		@clickRight="clickRight"></uni-nav-bar>
</template>

<script setup>
	const {
		title,
		leftIcon,
		rightIcon
	} = defineProps({
		title: {
			type: String,
			default: () => ""
		},
		rightIcon: {
			type: String,
			default: () => ""
		},
		leftIcon: {
			type: Boolean,
			default: () => true
		}
	})
	const emits = defineEmits(['clickRight'])
	const clickRight = () => {
		emits('clickRight')
	}
	const back = () => {
		uni.navigateBack({
			delta: 1
		})
	}
</script>

<style>

</style>